Vue.component('todo-item', {
  props: ['name'],
  template: '<li>{{name}}</li>'
});

let app = new Vue({
  el: '#app',
  data: function() {
    return {
      name: 'w.dehai',
      tips: '提示123',
      seen: true,
      users: [
        {id: 1, name: 'w.dehai'},
        {id: 2, name: 'Jaedong'},
        {id: 3, name: 'Dreamroute'}
      ],
      message: 'w.dehai',
      inputMsg: ''
    }
  },
  methods: {
    reverse: function() {
      this.message = this.message.split('').reverse().join('')
    }
  },
});